<template>
    <view class="wrapper">
        <view class="title">1. 基础用法 (不可选中)</view>
        <view class="box">
            <text>这是一段普通的文本，你无法长按选中它。</text>
        </view>
    </view>
    
	<view class="title">2. 允许长按选中 (selectable="true")
        <view class="box">
          <text selectable="true">这是一段可选择的文本，请尝试长按来复制它。</text>
		  <!--可选中文字标签-->  
        </view>
    </view>
    
	<view class="title">3. 嵌套
	    <text>实现局部样式</text>
	
        <view class="box">
            <text>这是一句话，但</text>
            <text class="highlight">高亮部分的样式不一样，</text>
            <text class="bold-text">这里还加粗了</text>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                
            }
        }
    }
</script>
<style>

</style>
